/**
 * Fold components.
 *
 * Fold/unfold action.
 *
 * Markup: fold.hbs
 *
 * Style guide components.fold
 */
.fold {
    &-form {
        &--folded {
            @extend .hide;
            padding: 0;
        }

        &--unfolded {
            @extend .show;
            padding: 1rem;
        }
    }
    &-content {
        &--folded {
            outline: none; 
            transition: all 0.4s linear;
            transition-delay: 0.4s;
            width: 5rem;
        }

        &--unfolded {
            outline: none;
            transition: all 0.4s linear;
            transition-delay: 0.4s;
            width: 25rem;
            text-decoration: none;
        }
    }
}